// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      // 给 sass-loader 传递选项
      sass: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.sass` 这个文件
        // 注意：在 sass-loader v8 中，这个选项名是 "prependData"
        additionalData: '@import "~@/assets/scss/base.scss";'
      },
      postcss: {
        postcssOptions: {
          plugins: [
            require('postcss-pxtorem')({
              rootValue: 75, // (Number | Function) 表示根元素字体大小或根据input参数返回根元素字体大小
              unitPrecision: 5, // （数字）允许 REM 单位增长到的十进制数字
              propList: ['*'], // 可以从 px 更改为 rem 的属性 使用通配符*启用所有属性
              selectorBlackList: [], // （数组）要忽略并保留为 px 的选择器。
              replace: true, // 替换包含 rems 的规则，而不是添加回退。
              mediaQuery: false, // 允许在媒体查询中转换 px
              minPixelValue: 0, // 最小的转化单位
              exclude: /node_modules/i // 要忽略并保留为 px 的文件路径
            })
          ]
        }
      }
    }
  }
}
